<template>
	<view class="wrapper">
		<uni-nav-bar leftText="取消" @clickLeft="$back()" backgroundColor="#F14C2E" color="#FFA61E" title="红包记录"></uni-nav-bar>
		<view class="get_or_give">
			<view class="get_red">收到的红包</view>
			<view class="give_red">发出的红包</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				一点小情绪
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				20.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				不好不坏
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				201.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				正在读取中
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				2.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				玫瑰啊
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				320.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				小李
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				220.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				随风
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				120.00元
			</view>
		</view>
		<view class="red_record_box">
			<view class="get_name">
				啦啦啦啦
				<view class="time">
					2020-03-11 11:32:05
				</view>
			</view>
			<view class="red_nub">
				200.00元
			</view>
		</view>
	</view>
</template>

<script>
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
export default {
	data() {
		return {};
	},
	comments: {
		uniNavBar
	},
	methods: {}
};
</script>

<style>
.get_or_give {
	background-color: #f3f3f3;
	display: flex;
	flex-direction: row;
	height: 76rpx;
	align-items: center;
	text-align: center;
}
.give_red {
	flex: 1;
	font: 26rpx/74rpx '';
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
}
.get_red {
	flex: 1;
	font: 26rpx/74rpx '';
	font-weight: 500;
	color: rgba(241, 76, 46, 1);
	border-bottom: 2px solid rgba(241, 76, 46, 1);
}
.red_record_box{
	width: 720rpx;
	height: 122rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 30rpx;
	border-bottom: 1rpx solid rgba(224,224,224,1);
	padding: 30rpx 31rpx 0 0;
	/* align-items: center; */
}
.get_name{
	font:30rpx/30rpx "";
	font-weight:500;
	color:rgba(51,51,51,1);
	
}
.time{
	font:22rpx/22rpx "";
	font-weight:500;
	color:rgba(102,102,102,1);
	margin-top: 15rpx;
}
.red_nub{
	font:30rpx/30rpx "";
	font-weight:500;
	color:rgba(51,51,51,1);
}
</style>
